/*reset*/
*{
    margin: 0;
    padding: 0;
}
body{
    font-family: "Microsoft YaHei", "黑体", "宋体","Hiragino Sans GB", "Hiragino Sans GB W3",  "Lucida Grande" !important;
    font-size: 14px;
    color: #333;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #383d37;
    cursor: pointer;
}
img{
    border: none;
}
input,select{
    outline: none;
}
.containter{
    width: 100%;
}
.widthAuto{
    width: 80%;
    margin: 0 auto;
    max-width: 1400px;
    min-width: 1000px;
}
.vessel{
    min-height: 800px;
}
.divlefttop{
    float: left;
    width: 20%;
    overflow:hidden;
    height:180px;
    display:block;
}
.lefttop{
    float: left;
    width:100%;
}
.left{
    float: left;

}
.right{
    float: right;
}
/*公共头部*/
.header{
    width:100%;
    height: 80px;
    line-height: 80px;
    /*position: fixed;*/
    top:0;
    left: 0;
    background: #fff;
    z-index: 300;
    box-shadow: 0px 3px 3px #e2e2e2;
}
.header img{
    height: 64px;
    position: relative;
    top:8px;
}
.header .widthAuto > ul{
    width: 55%;
    display: -webkit-flex; /* Safari */
    display: flex;
}
.header .widthAuto > ul  li{
    flex-grow: 1;
    position: relative;
    text-align: center;
}
.header .widthAuto > ul>li>a{
    color: #0168b7;
    display: block;
    font-size: 16px;
}
.header>div input{
    width: 50%;
    height: 32px;
    line-height: 32px;
    background: #dcdcdc;
    border: none;
    padding-left: 4px;
    margin-right: 10%;
    color: #666;
}
.header>div div{
    width: 20%;
    position: relative;
    text-align: right;
}
.header>div div>i{
    position: absolute;
    top: 6px;
    right: 40%;
    font-size: 14px;
    cursor: pointer;
}
.header>div div a{
    background: #0168b7;
    padding: 2%;
    color: #fff;
    font-size: 10px;
}
.header>div div a+a{
    margin-left: 2.5%;
}
.header i{
    font-size: 4vh;
    color: #0168b7 ;
    margin-top: 28px;
}
/*头部下拉*/
.nav-slide{
    width: 120%;
    position: absolute;
    top:100%;
    left: 0;
    background: rgba(150,160,190,1);
    display: none;
    z-index: 999;
}
.nav-slide li{
    line-height: 36px;
}
.nav-slide li:hover{
    background: rgba(0,0,0,0.1);
}
.nav-slide li a{
    color: #fff;
    display: block;
    font-size: 14px;
}
.header .widthAuto > ul>li:hover .nav-slide{
    display: block;
}
/*手机端导航样式*/
/*.phone-nav{*/
    /*width: 50%;*/
    /*height: 100%;*/
    /*background: #333333;*/
    /*position: fixed;*/
    /*left: 0;*/
    /*z-index: 999;*/
    /*padding-top: 0.5rem;*/
/*}*/
/*.phone-nav li{*/
    /*width: 100%;*/
    /*height: 2rem;*/
    /*line-height: 2rem;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*border-bottom: 0.05rem solid #524C4C;*/
/*}*/
/*.phone-nav li a{*/
    /*color: #fff;*/
    /*font-size: 0.7rem;*/
/*}*/
/*!*pad*!*/
.phone-show{
    display: none !important;
}
/*@media screen and (max-width: 768px){*/
    /*.phone-hide{*/
        /*display: none !important;*/
    /*}*/
    /*.phone-show{*/
        /*display: block !important;*/
    /*}*/
/*}*/

/*banner*/
.banner img{
    width:100%;
    height: 100vh;
}
/*滚屏*/
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
    height: auto !important;
}
.section.full-footer-con .fp-tableCell{
    display: block !important;
    /*padding-top: 10vh;*/
}
.section{
    max-height: 100vh;
    /*overflow: hidden;*/
}
/*底部链接部分*/
.full-footer{
    position: relative;
}
.link-sections{
    display: -webkit-flex; /* Safari */
    display: flex;
}
.link-sections>div{
    flex: 1;
    text-align: center;
    height: 60px;
    line-height: 60px;
    /*position: relative;*/
}
.link-sections>div:nth-of-type(odd){
    background: #e8e8e8;
}
.link-sections>div a{
    text-decoration: underline;
}
.link-sections>div>a{
    color:#0068b4;
    /*display: block;*/
    font-size: 14px;
    position: relative;
}
.link-sections>div>a.on{
    color: #0168b7 !important;
}
.link-sections>div>a::after{

}
.link-sections>div:nth-of-type(2)>a::after,.link-sections>div:nth-of-type(4)>a::after,.link-sections>div:nth-of-type(6)>a::after{
    content: '';
    position: absolute;
    border: 8px solid #535353;
    border-color: #535353 transparent transparent;
    width: 0;
    height: 0;
    bottom: 0;
    top: 50%;
    margin-top: -4px;
    right:-20px;
}
.link-sections>div>a.on::after{
    border: 8px solid #0168b7 !important;
    border-color: #0168b7  transparent transparent !important;
}
.link-sections>div div{
    position: absolute;
    background: rgba(245,245,245 ,0.9);
    bottom: 262px;
    width: 100vw;
    left: 0;
    display: none;
    z-index: 999;
    padding: 20px 0;
}
#link1,#link2,#link3{
    width: 80%;
    margin: 0 auto;
    float: none;
    overflow: hidden;
    max-width: 1400px;
}
.link-sections>div ul ul{
    overflow: hidden;
    width: 25%;
    float:left;
}
.link-sections>div ul li{
    width: 100%;
    display:block;
    line-height: 30px;
    text-align: left;
}
.link-sections>div ul li a{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #4e4e4e;
}
.linktip{
    font-size:18px;
    font-weight:bold;
}

/*公共底部*/
.footer{
    background: #006ab7;
    text-align: center;
    color: #535353;
    background: rgb(245,245,245 );
}
.footer a{
    color: #fff;
}
.footer .top{
    display: -webkit-flex; /* Safari */
    display: flex;
}
.footer .widthAuto>div{
    /*padding: 20px 0;*/
}
.footer .top>div{
    flex: 1;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.footer .top>div{
    overflow: hidden;
}
.footer .top img{
    width: 30px;
    float: left;
    margin-left: 20%;
    margin-top: 0px !important;
    top: -4px !important;
}
.footer .top>div+div{
    border-left: 3px solid #0171c2;
}
.footer .top>div ul{
    float: left;
    margin-left: 5%;
}
.footer .top>div ul li{
    line-height: 30px;
}
.footer .mid{
    /*border-top: 3px solid #0171c2;*/
    /*border-bottom: 3px solid #0171c2;*/
    /*margin: 20px 0;*/
}
.footer .mid span{
    display: inline-block;
    width: 8%;
    color: #535353;
}
.footer .mid span a{
    color: #535353;
}
.footer .mid span+span{
    border-left: 1px solid #535353;
;
}
.footer .btm{
    line-height: 30px;
    color: #535353;
}
.footer .btm p{
    line-height: 50px;
}
.footer .btm img{
    width: 25%;
    display: block;
    margin: 0 auto;
    /*margin-top: 50px;*/
    margin-bottom: 20px;
}
/*全屏底部*/
.full-footer,.full-footer-con,.full-footer .link-sections{
    /*background: #006ab7;*/
    border-top: 1px solid rgb(245,245,245 );
}
.full-footer .link-sections>div:nth-of-type(odd){
    background: #fff;
}
.full-footer .link-sections>div>a{
    color: #535353;
    text-decoration: none;
}
.full-footer  .link-sections>div:nth-of-type(2)>a::after,
.full-footer  .link-sections>div:nth-of-type(4)>a::after,
.full-footer  .link-sections>div:nth-of-type(6)>a::after{
    border: 8px solid #535353;
    border-color: #535353 transparent transparent;
}
/*顶部宣传图*/
.top-banner{
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 260px;
    /*background: #430708;*/
}
.top-banner>img{
    width: 100%;
    display: block;
}
.top-banner>div{
    width: 2627px;
    position: absolute;
    left: 50%;
    margin-left: -1313.5px;
    height: 100%;
}
.top-banner>div img{
    width:2627px;
    margin: 0 auto;
}
.top-banner>div.page-title{
    max-width: 1400px;
    position: absolute;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    bottom: 100px;
    z-index: 2;
    height: 3vh;
}
@media screen and (min-width: 2000px) {
    .top-banner>div.page-title{
        width: 1400px;
        position: absolute;
        width: 80%;
        left: 50%;
        margin-left: -700px;
        bottom: 100px;
        z-index: 2;
        /*height: 3vh;*/
    }
}
.top-banner>div.page-title h2{
    color: #0766bb;
    font-style: normal;
    font-size: 28px;
}
.top-banner>div.page-title h2:nth-of-type(2){
    font-weight: lighter;
}
/*面包屑导航*/
.breadcrumb{
    background: #006ab7;
    color: #fff;
}
.breadcrumb>div{
    overflow: hidden;
}
.breadcrumb ul{
    overflow: hidden;
}
.breadcrumb ul li{
    float: left;
    height: 50px;
    line-height: 50px;
}
.breadcrumb ul li a{
    color: #fff;
}
.breadcrumb ul li + li:before {
    color: #fff;
    content: ">";
    padding: 0 3px;
}
.breadcrumb>div>div{
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}
/*更多板块*/
.more-sections{
    background: #3287c5;
    /*display: none;*/
}
.more-sections>div.widthAuto{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap:wrap;
}
.more-sections>div.widthAuto div{
    flex: 1;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    /* min-width: 20%; */
    min-width: 14%;
    /* max-width: 33.33%; */
    max-width: 50%;
    box-sizing: border-box;
    color: #000;
}
.more-sections>div.widthAuto div.on{
    border-bottom: 3px solid #93d0eb;
}
.more-sections>div.widthAuto div:nth-of-type(even){
    background: #237ec0;
}
.more-sections>div.widthAuto div a{
    color: #fff;
    display: block;
}
.more-sections>div.widthAuto div a>img{
    float: left;
    width: 15%;
    position: relative;
    top: 15px;
    left: 15%;
    margin-right: 5%;

}
 /*标题*/
.title{
    height: 16px;
    border-left: 3px solid  #006ab7;
    color:  #006ab7;
    padding-left: 10px;
}
/*加载更多按钮*/
.load-more{
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #006ab7;
    color: #fff;
    border-radius: 4px;
    margin: 30px auto;
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
    max-width: 1400px !important;
}
.new-list>ul>p{
    text-align: center;
    line-height: 30px;
}
/*banner样式*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-nex{
    left: 5% !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 5% !important;
}
/*加载其他更多板块*/